<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iconfont Demo</title>
    <link
      rel="shortcut icon"
      href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
      type="image/x-icon"
    />
    <link
      rel="icon"
      type="image/svg+xml"
      href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
    />
    <link
      rel="stylesheet"
      href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"
    />
    <link rel="stylesheet" href="demo.css" />
    <link rel="stylesheet" href="iconfont.css" />
    <script src="iconfont.js"></script>
    <!-- jQuery -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
    <!-- 代码高亮 -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
    <style>
      .main .logo {
        margin-top: 0;
        height: auto;
      }

      .main .logo a {
        display: flex;
        align-items: center;
      }

      .main .logo .sub-title {
        margin-left: 0.5em;
        font-size: 22px;
        color: #fff;
        background: linear-gradient(-45deg, #3967ff, #b500fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    </style>
  </head>
  <body>
    <div class="main">
      <h1 class="logo">
        <a
          href="https://www.iconfont.cn/"
          title="iconfont 首页"
          target="_blank"
        >
          <img
            width="200"
            src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
          />
        </a>
      </h1>
      <div class="nav-tabs">
        <ul id="tabs" class="dib-box">
          <li class="dib active"><span>Unicode</span></li>
          <li class="dib"><span>Font class</span></li>
          <li class="dib"><span>Symbol</span></li>
        </ul>

        <a
          href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3442661"
          target="_blank"
          class="nav-more"
          >查看项目</a
        >
      </div>
      <div class="tab-container">
        <div class="content unicode" style="display: block">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
              <div class="name">办公设备领用</div>
              <div class="code-name">&amp;#xe6d0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
              <div class="name">办公设备列表</div>
              <div class="code-name">&amp;#xe6d1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
              <div class="name">计算机设备配件</div>
              <div class="code-name">&amp;#xe6d2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
              <div class="name">计算机设备列表</div>
              <div class="code-name">&amp;#xe6d3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
              <div class="name">计算机设备领用</div>
              <div class="code-name">&amp;#xe6d4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe941;</span>
              <div class="name">火车站2小</div>
              <div class="code-name">&amp;#xe941;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
              <div class="name">二维码</div>
              <div class="code-name">&amp;#xe821;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
              <div class="name">谷歌</div>
              <div class="code-name">&amp;#xe6cf;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
              <div class="name">采购主体</div>
              <div class="code-name">&amp;#xe6b2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
              <div class="name">考勤日历</div>
              <div class="code-name">&amp;#xe6b3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
              <div class="name">国假管理</div>
              <div class="code-name">&amp;#xe6b4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
              <div class="name">投标单位</div>
              <div class="code-name">&amp;#xe6b5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
              <div class="name">开票单位</div>
              <div class="code-name">&amp;#xe6b6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
              <div class="name">试用期转正审批</div>
              <div class="code-name">&amp;#xe6b7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
              <div class="name">合同发票</div>
              <div class="code-name">&amp;#xe6b8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
              <div class="name">下采单</div>
              <div class="code-name">&amp;#xe6b9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
              <div class="name">采购管理-1</div>
              <div class="code-name">&amp;#xe6ba;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
              <div class="name">参与项目</div>
              <div class="code-name">&amp;#xe6bb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
              <div class="name">我的下采单</div>
              <div class="code-name">&amp;#xe6bc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
              <div class="name">考勤统计</div>
              <div class="code-name">&amp;#xe6bd;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
              <div class="name">销售合同明细</div>
              <div class="code-name">&amp;#xe6be;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
              <div class="name">面试评价与录用审批</div>
              <div class="code-name">&amp;#xe6bf;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
              <div class="name">员工辞职审批</div>
              <div class="code-name">&amp;#xe6c0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
              <div class="name">人员需求审批</div>
              <div class="code-name">&amp;#xe6c1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
              <div class="name">下采单审核</div>
              <div class="code-name">&amp;#xe6c2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
              <div class="name">招标公告</div>
              <div class="code-name">&amp;#xe6c3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
              <div class="name">销售管理</div>
              <div class="code-name">&amp;#xe6c4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
              <div class="name">假期规则</div>
              <div class="code-name">&amp;#xe6c5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
              <div class="name">物资合同清单</div>
              <div class="code-name">&amp;#xe6c6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
              <div class="name">项目收付款预算表</div>
              <div class="code-name">&amp;#xe6c7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
              <div class="name">投标项目信息表</div>
              <div class="code-name">&amp;#xe6c8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
              <div class="name">签订劳动合同审批（续签申请单）</div>
              <div class="code-name">&amp;#xe6c9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
              <div class="name">销售列表</div>
              <div class="code-name">&amp;#xe6ca;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
              <div class="name">中标项目信息表</div>
              <div class="code-name">&amp;#xe6cb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
              <div class="name">签订劳动合同审批</div>
              <div class="code-name">&amp;#xe6cc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
              <div class="name">领用申请</div>
              <div class="code-name">&amp;#xe6cd;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
              <div class="name">资信证明</div>
              <div class="code-name">&amp;#xe6ce;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
              <div class="name">办公设备领用登记</div>
              <div class="code-name">&amp;#xe6ad;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
              <div class="name">采购申请</div>
              <div class="code-name">&amp;#xe6ae;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
              <div class="name">计算机设备领用登记</div>
              <div class="code-name">&amp;#xe6af;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
              <div class="name">采购管理</div>
              <div class="code-name">&amp;#xe6b0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
              <div class="name">报名费-投标保证金</div>
              <div class="code-name">&amp;#xe6b1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
              <div class="name">加班管理</div>
              <div class="code-name">&amp;#xe67f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
              <div class="name">出库单</div>
              <div class="code-name">&amp;#xe6a2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
              <div class="name">购销存明细</div>
              <div class="code-name">&amp;#xe6a3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
              <div class="name">备用金</div>
              <div class="code-name">&amp;#xe6a4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
              <div class="name">项目明细台账</div>
              <div class="code-name">&amp;#xe6a5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
              <div class="name">历史价格</div>
              <div class="code-name">&amp;#xe6a6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
              <div class="name">劳动合同</div>
              <div class="code-name">&amp;#xe6a7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
              <div class="name">我的考勤</div>
              <div class="code-name">&amp;#xe6a8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
              <div class="name">采购附件</div>
              <div class="code-name">&amp;#xe6a9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
              <div class="name">文件审批</div>
              <div class="code-name">&amp;#xe6aa;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
              <div class="name">项目明细账</div>
              <div class="code-name">&amp;#xe6ab;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
              <div class="name">系统通知</div>
              <div class="code-name">&amp;#xe6ac;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
              <div class="name">请假</div>
              <div class="code-name">&amp;#xe66c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
              <div class="name">出差</div>
              <div class="code-name">&amp;#xe66d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
              <div class="name">借阅</div>
              <div class="code-name">&amp;#xe66f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
              <div class="name">通讯录</div>
              <div class="code-name">&amp;#xe670;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
              <div class="name">加班</div>
              <div class="code-name">&amp;#xe671;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
              <div class="name">车辆</div>
              <div class="code-name">&amp;#xe672;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
              <div class="name">费用报销</div>
              <div class="code-name">&amp;#xe673;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
              <div class="name">通知公告4</div>
              <div class="code-name">&amp;#xe6a0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
              <div class="name">通知公告3</div>
              <div class="code-name">&amp;#xe6a1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
              <div class="name">通知公告2</div>
              <div class="code-name">&amp;#xe69f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
              <div class="name">通知公告1</div>
              <div class="code-name">&amp;#xe69e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
              <div class="name">发货签收单</div>
              <div class="code-name">&amp;#xe680;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
              <div class="name">工作区</div>
              <div class="code-name">&amp;#xe681;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
              <div class="name">考勤明细</div>
              <div class="code-name">&amp;#xe682;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
              <div class="name">会签采购合同</div>
              <div class="code-name">&amp;#xe683;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
              <div class="name">甲方合同台账</div>
              <div class="code-name">&amp;#xe684;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
              <div class="name">非日常费用</div>
              <div class="code-name">&amp;#xe685;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
              <div class="name">合同模板</div>
              <div class="code-name">&amp;#xe686;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
              <div class="name">待领采购单</div>
              <div class="code-name">&amp;#xe687;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
              <div class="name">费用报销</div>
              <div class="code-name">&amp;#xe688;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
              <div class="name">原始打卡记录</div>
              <div class="code-name">&amp;#xe689;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
              <div class="name">投标项目</div>
              <div class="code-name">&amp;#xe68a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
              <div class="name">项目明细台账</div>
              <div class="code-name">&amp;#xe68b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
              <div class="name">入库单</div>
              <div class="code-name">&amp;#xe68c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
              <div class="name">考勤组</div>
              <div class="code-name">&amp;#xe68d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
              <div class="name">通知公告</div>
              <div class="code-name">&amp;#xe68e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
              <div class="name">流程面板</div>
              <div class="code-name">&amp;#xe68f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
              <div class="name">员工假期余额</div>
              <div class="code-name">&amp;#xe690;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
              <div class="name">付款流程</div>
              <div class="code-name">&amp;#xe691;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
              <div class="name">中标项目</div>
              <div class="code-name">&amp;#xe692;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
              <div class="name">我的待采单</div>
              <div class="code-name">&amp;#xe693;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
              <div class="name">报销管理</div>
              <div class="code-name">&amp;#xe694;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
              <div class="name">原件借阅</div>
              <div class="code-name">&amp;#xe695;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
              <div class="name">印章借阅</div>
              <div class="code-name">&amp;#xe696;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
              <div class="name">地址管理</div>
              <div class="code-name">&amp;#xe697;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
              <div class="name">流程管理</div>
              <div class="code-name">&amp;#xe698;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
              <div class="name">项目合同台账</div>
              <div class="code-name">&amp;#xe699;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
              <div class="name">工作待办</div>
              <div class="code-name">&amp;#xe69a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
              <div class="name">考勤统计</div>
              <div class="code-name">&amp;#xe69b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
              <div class="name">日常费用</div>
              <div class="code-name">&amp;#xe69c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
              <div class="name">招标管理</div>
              <div class="code-name">&amp;#xe69d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe942;</span>
              <div class="name">通知公告-copy</div>
              <div class="code-name">&amp;#xe942;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
              <div class="name">迟到打卡</div>
              <div class="code-name">&amp;#xe674;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
              <div class="name">早退下班</div>
              <div class="code-name">&amp;#xe675;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
              <div class="name">财务预警</div>
              <div class="code-name">&amp;#xe676;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
              <div class="name">人事预警</div>
              <div class="code-name">&amp;#xe677;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
              <div class="name">上班</div>
              <div class="code-name">&amp;#xe678;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
              <div class="name">下班 未打卡</div>
              <div class="code-name">&amp;#xe679;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
              <div class="name">上班，未打卡</div>
              <div class="code-name">&amp;#xe67a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
              <div class="name">人事预警-1</div>
              <div class="code-name">&amp;#xe67b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
              <div class="name">下班</div>
              <div class="code-name">&amp;#xe67c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
              <div class="name">项目预警</div>
              <div class="code-name">&amp;#xe67d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
              <div class="name">财务预警-1</div>
              <div class="code-name">&amp;#xe67e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
              <div class="name">取消全屏</div>
              <div class="code-name">&amp;#xe66b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
              <div class="name">全屏</div>
              <div class="code-name">&amp;#xe66e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
              <div class="name">人事管理</div>
              <div class="code-name">&amp;#xe66a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
              <div class="name">公告</div>
              <div class="code-name">&amp;#xe65d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
              <div class="name">通讯录</div>
              <div class="code-name">&amp;#xe669;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
              <div class="name">权限管理</div>
              <div class="code-name">&amp;#xe668;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
              <div class="name">项目子预算</div>
              <div class="code-name">&amp;#xe667;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
              <div class="name">我的资产申请</div>
              <div class="code-name">&amp;#xe666;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
              <div class="name">资产审核列表</div>
              <div class="code-name">&amp;#xe64c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
              <div class="name">供应商列表1</div>
              <div class="code-name">&amp;#xe648;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
              <div class="name">人员成本</div>
              <div class="code-name">&amp;#xe64b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
              <div class="name">报废列表</div>
              <div class="code-name">&amp;#xe652;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
              <div class="name">用户管理</div>
              <div class="code-name">&amp;#xe664;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
              <div class="name">菜单管理</div>
              <div class="code-name">&amp;#xe665;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
              <div class="name">人员列表</div>
              <div class="code-name">&amp;#xe655;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
              <div class="name">合同管理</div>
              <div class="code-name">&amp;#xe656;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
              <div class="name">项目开票申请</div>
              <div class="code-name">&amp;#xe659;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
              <div class="name">项目管理</div>
              <div class="code-name">&amp;#xe65a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
              <div class="name">项目人员预算</div>
              <div class="code-name">&amp;#xe65b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
              <div class="name">项目明细</div>
              <div class="code-name">&amp;#xe65c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
              <div class="name">项目列表</div>
              <div class="code-name">&amp;#xe65e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
              <div class="name">项目收入申请</div>
              <div class="code-name">&amp;#xe65f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
              <div class="name">项目财务收入</div>
              <div class="code-name">&amp;#xe660;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
              <div class="name">项目总预算</div>
              <div class="code-name">&amp;#xe661;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
              <div class="name">其他成本</div>
              <div class="code-name">&amp;#xe662;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
              <div class="name">项目总成本</div>
              <div class="code-name">&amp;#xe663;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
              <div class="name">员工管理</div>
              <div class="code-name">&amp;#xe63b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
              <div class="name">组织结构</div>
              <div class="code-name">&amp;#xe653;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
              <div class="name">角色管理</div>
              <div class="code-name">&amp;#xe646;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
              <div class="name">任务日志</div>
              <div class="code-name">&amp;#xe63e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
              <div class="name">APP管理</div>
              <div class="code-name">&amp;#xe644;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
              <div class="name">定时任务</div>
              <div class="code-name">&amp;#xe645;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
              <div class="name">按钮管理</div>
              <div class="code-name">&amp;#xe649;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
              <div class="name">部门管理</div>
              <div class="code-name">&amp;#xe64a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
              <div class="name">岗位管理</div>
              <div class="code-name">&amp;#xe64d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
              <div class="name">日志管理</div>
              <div class="code-name">&amp;#xe64e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
              <div class="name">配置管理</div>
              <div class="code-name">&amp;#xe64f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
              <div class="name">任务管理</div>
              <div class="code-name">&amp;#xe650;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
              <div class="name">操作日志</div>
              <div class="code-name">&amp;#xe651;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
              <div class="name">系统日志</div>
              <div class="code-name">&amp;#xe654;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
              <div class="name">权限管理</div>
              <div class="code-name">&amp;#xe657;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
              <div class="name">职工管理</div>
              <div class="code-name">&amp;#xe658;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
              <div class="name">供应商列表1</div>
              <div class="code-name">&amp;#xe647;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
              <div class="name">我的资产申请</div>
              <div class="code-name">&amp;#xe63a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
              <div class="name">违章记录</div>
              <div class="code-name">&amp;#xe643;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
              <div class="name">采购列表</div>
              <div class="code-name">&amp;#xe61f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
              <div class="name">车辆列表</div>
              <div class="code-name">&amp;#xe620;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
              <div class="name">房屋列表</div>
              <div class="code-name">&amp;#xe622;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
              <div class="name">请假管理</div>
              <div class="code-name">&amp;#xe623;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
              <div class="name">资质提醒设置</div>
              <div class="code-name">&amp;#xe629;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
              <div class="name">驾驶员管理</div>
              <div class="code-name">&amp;#xe62d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
              <div class="name">房间管理</div>
              <div class="code-name">&amp;#xe62e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
              <div class="name">企业资质</div>
              <div class="code-name">&amp;#xe62f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
              <div class="name">流转记录</div>
              <div class="code-name">&amp;#xe631;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
              <div class="name">保险记录</div>
              <div class="code-name">&amp;#xe634;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
              <div class="name">通知消息</div>
              <div class="code-name">&amp;#xe635;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
              <div class="name">房屋租赁提醒设置</div>
              <div class="code-name">&amp;#xe637;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
              <div class="name">租赁人管理</div>
              <div class="code-name">&amp;#xe638;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
              <div class="name">我的资产</div>
              <div class="code-name">&amp;#xe639;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
              <div class="name">出差管理</div>
              <div class="code-name">&amp;#xe63c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
              <div class="name">资产列表</div>
              <div class="code-name">&amp;#xe63d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
              <div class="name">个人资质</div>
              <div class="code-name">&amp;#xe63f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
              <div class="name">类别管理</div>
              <div class="code-name">&amp;#xe640;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
              <div class="name">维修-保养记录</div>
              <div class="code-name">&amp;#xe641;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
              <div class="name">租赁管理</div>
              <div class="code-name">&amp;#xe642;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
              <div class="name">员工离职</div>
              <div class="code-name">&amp;#xe61b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
              <div class="name">员工转正</div>
              <div class="code-name">&amp;#xe61c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
              <div class="name">员工信息</div>
              <div class="code-name">&amp;#xe61d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
              <div class="name">员工入职</div>
              <div class="code-name">&amp;#xe61e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
              <div class="name">资源 31</div>
              <div class="code-name">&amp;#xe619;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
              <div class="name">招聘管理</div>
              <div class="code-name">&amp;#xe616;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
              <div class="name">房屋管理</div>
              <div class="code-name">&amp;#xe61a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
              <div class="name">考核管理</div>
              <div class="code-name">&amp;#xe626;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
              <div class="name">采购管理</div>
              <div class="code-name">&amp;#xe627;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
              <div class="name">会议管理</div>
              <div class="code-name">&amp;#xe628;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
              <div class="name">车辆管理</div>
              <div class="code-name">&amp;#xe62a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
              <div class="name">劳动合同</div>
              <div class="code-name">&amp;#xe62b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
              <div class="name">考勤管理</div>
              <div class="code-name">&amp;#xe62c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
              <div class="name">资质管理</div>
              <div class="code-name">&amp;#xe630;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
              <div class="name">资产管理</div>
              <div class="code-name">&amp;#xe633;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
              <div class="name">资产管理</div>
              <div class="code-name">&amp;#xe624;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">&amp;#xe625;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
              <div class="name">资源 2</div>
              <div class="code-name">&amp;#xe615;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
              <div class="name">劳动合同管理</div>
              <div class="code-name">&amp;#xe60d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">&amp;#xe60b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
              <div class="name">劳动合同-员工信息</div>
              <div class="code-name">&amp;#xe60c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
              <div class="name">劳动合同-员工转正</div>
              <div class="code-name">&amp;#xe60f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
              <div class="name">劳动合同-员工离职</div>
              <div class="code-name">&amp;#xe613;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
              <div class="name">会议管理</div>
              <div class="code-name">&amp;#xe607;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
              <div class="name">采购管理</div>
              <div class="code-name">&amp;#xe608;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
              <div class="name">考核管理</div>
              <div class="code-name">&amp;#xe609;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
              <div class="name">房屋管理</div>
              <div class="code-name">&amp;#xe60a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
              <div class="name">车辆管理</div>
              <div class="code-name">&amp;#xe60e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
              <div class="name">招聘管理</div>
              <div class="code-name">&amp;#xe610;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
              <div class="name">考勤管理</div>
              <div class="code-name">&amp;#xe612;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
              <div class="name">资质管理</div>
              <div class="code-name">&amp;#xe614;</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="unicode-">Unicode 引用</h2>
            <hr />

            <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
            <ul>
              <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
              <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
            </ul>
            <blockquote>
              <p>
                注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol
                引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）
              </p>
            </blockquote>
            <p>Unicode 使用步骤如下：</p>
            <h3 id="-font-face">
              第一步：拷贝项目下面生成的 <code>@font-face</code>
            </h3>
            <pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1680829090095') format('woff2'),
       url('iconfont.woff?t=1680829090095') format('woff'),
       url('iconfont.ttf?t=1680829090095') format('truetype');
}
</code></pre>
            <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
            <pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
            <pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>
                "iconfont" 是你项目下的
                font-family。可以通过编辑项目查看，默认是 "iconfont"。
              </p>
            </blockquote>
          </div>
        </div>
        <div class="content font-class">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont icon-bangongshebeilingyong"></span>
              <div class="name">办公设备领用</div>
              <div class="code-name">.icon-bangongshebeilingyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bangongshebeiliebiao"></span>
              <div class="name">办公设备列表</div>
              <div class="code-name">.icon-bangongshebeiliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jisuanjishebeipeijian"></span>
              <div class="name">计算机设备配件</div>
              <div class="code-name">.icon-jisuanjishebeipeijian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jisuanjishebeiliebiao"></span>
              <div class="name">计算机设备列表</div>
              <div class="code-name">.icon-jisuanjishebeiliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jisuanjishebeilingyong"></span>
              <div class="name">计算机设备领用</div>
              <div class="code-name">.icon-jisuanjishebeilingyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-station"></span>
              <div class="name">火车站2小</div>
              <div class="code-name">.icon-station</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-QRcode"></span>
              <div class="name">二维码</div>
              <div class="code-name">.icon-QRcode</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chrome"></span>
              <div class="name">谷歌</div>
              <div class="code-name">.icon-chrome</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouzhuti"></span>
              <div class="name">采购主体</div>
              <div class="code-name">.icon-caigouzhuti</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqinrili"></span>
              <div class="name">考勤日历</div>
              <div class="code-name">.icon-kaoqinrili</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-guojiaguanli"></span>
              <div class="name">国假管理</div>
              <div class="code-name">.icon-guojiaguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-toubiaodanwei"></span>
              <div class="name">投标单位</div>
              <div class="code-name">.icon-toubiaodanwei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaipiaodanwei"></span>
              <div class="name">开票单位</div>
              <div class="code-name">.icon-kaipiaodanwei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shiyongqizhuanzhengshenpi"></span>
              <div class="name">试用期转正审批</div>
              <div class="code-name">.icon-shiyongqizhuanzhengshenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-hetongfapiao"></span>
              <div class="name">合同发票</div>
              <div class="code-name">.icon-hetongfapiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiacaidan"></span>
              <div class="name">下采单</div>
              <div class="code-name">.icon-xiacaidan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouguanli-1"></span>
              <div class="name">采购管理-1</div>
              <div class="code-name">.icon-caigouguanli-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-canyuxiangmu"></span>
              <div class="name">参与项目</div>
              <div class="code-name">.icon-canyuxiangmu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodexiacaidan"></span>
              <div class="name">我的下采单</div>
              <div class="code-name">.icon-wodexiacaidan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqintongji1"></span>
              <div class="name">考勤统计</div>
              <div class="code-name">.icon-kaoqintongji1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaoshouhetongmingxi"></span>
              <div class="name">销售合同明细</div>
              <div class="code-name">.icon-xiaoshouhetongmingxi</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-mianshipingjiayuluyongshenpi"
              ></span>
              <div class="name">面试评价与录用审批</div>
              <div class="code-name">.icon-mianshipingjiayuluyongshenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongcizhishenpi"></span>
              <div class="name">员工辞职审批</div>
              <div class="code-name">.icon-yuangongcizhishenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renyuanxuqiushenpi"></span>
              <div class="name">人员需求审批</div>
              <div class="code-name">.icon-renyuanxuqiushenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiacaidanshenhe"></span>
              <div class="name">下采单审核</div>
              <div class="code-name">.icon-xiacaidanshenhe</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhaobiaogonggao"></span>
              <div class="name">招标公告</div>
              <div class="code-name">.icon-zhaobiaogonggao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaoshouguanli"></span>
              <div class="name">销售管理</div>
              <div class="code-name">.icon-xiaoshouguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiaqiguize"></span>
              <div class="name">假期规则</div>
              <div class="code-name">.icon-jiaqiguize</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wuzihetongqingdan"></span>
              <div class="name">物资合同清单</div>
              <div class="code-name">.icon-wuzihetongqingdan</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-xiangmushoufukuanyusuanbiao"
              ></span>
              <div class="name">项目收付款预算表</div>
              <div class="code-name">.icon-xiangmushoufukuanyusuanbiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-toubiaoxiangmuxinxibiao"></span>
              <div class="name">投标项目信息表</div>
              <div class="code-name">.icon-toubiaoxiangmuxinxibiao</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-a-qiandinglaodonghetongshenpixuqianshenqingdan"
              ></span>
              <div class="name">签订劳动合同审批（续签申请单）</div>
              <div class="code-name">
                .icon-a-qiandinglaodonghetongshenpixuqianshenqingdan
              </div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaoshouliebiao"></span>
              <div class="name">销售列表</div>
              <div class="code-name">.icon-xiaoshouliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhongbiaoxiangmuxinxibiao"></span>
              <div class="name">中标项目信息表</div>
              <div class="code-name">.icon-zhongbiaoxiangmuxinxibiao</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-qiandinglaodonghetongshenpi"
              ></span>
              <div class="name">签订劳动合同审批</div>
              <div class="code-name">.icon-qiandinglaodonghetongshenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-lingyongshenqing"></span>
              <div class="name">领用申请</div>
              <div class="code-name">.icon-lingyongshenqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zixinzhengming"></span>
              <div class="name">资信证明</div>
              <div class="code-name">.icon-zixinzhengming</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-bangongshebeilingyongdengji"
              ></span>
              <div class="name">办公设备领用登记</div>
              <div class="code-name">.icon-bangongshebeilingyongdengji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigoushenqing"></span>
              <div class="name">采购申请</div>
              <div class="code-name">.icon-caigoushenqing</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-jisuanjishebeilingyongdengji"
              ></span>
              <div class="name">计算机设备领用登记</div>
              <div class="code-name">.icon-jisuanjishebeilingyongdengji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouguanli1"></span>
              <div class="name">采购管理</div>
              <div class="code-name">.icon-caigouguanli1</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-baomingfei-toubiaobaozhengjin"
              ></span>
              <div class="name">报名费-投标保证金</div>
              <div class="code-name">.icon-baomingfei-toubiaobaozhengjin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiabanguanli"></span>
              <div class="name">加班管理</div>
              <div class="code-name">.icon-jiabanguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chukudan"></span>
              <div class="name">出库单</div>
              <div class="code-name">.icon-chukudan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gouxiaocunmingxi"></span>
              <div class="name">购销存明细</div>
              <div class="code-name">.icon-gouxiaocunmingxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-beiyongjin"></span>
              <div class="name">备用金</div>
              <div class="code-name">.icon-beiyongjin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmumingxitaizhang1"></span>
              <div class="name">项目明细台账</div>
              <div class="code-name">.icon-xiangmumingxitaizhang1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-lishijiage"></span>
              <div class="name">历史价格</div>
              <div class="code-name">.icon-lishijiage</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-laodonghetong1"></span>
              <div class="name">劳动合同</div>
              <div class="code-name">.icon-laodonghetong1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodekaoqin"></span>
              <div class="name">我的考勤</div>
              <div class="code-name">.icon-wodekaoqin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigoufujian"></span>
              <div class="name">采购附件</div>
              <div class="code-name">.icon-caigoufujian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wenjianshenpi"></span>
              <div class="name">文件审批</div>
              <div class="code-name">.icon-wenjianshenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmumingxizhang"></span>
              <div class="name">项目明细账</div>
              <div class="code-name">.icon-xiangmumingxizhang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xitongtongzhi"></span>
              <div class="name">系统通知</div>
              <div class="code-name">.icon-xitongtongzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-qingjia"></span>
              <div class="name">请假</div>
              <div class="code-name">.icon-qingjia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chucha"></span>
              <div class="name">出差</div>
              <div class="code-name">.icon-chucha</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jieyue"></span>
              <div class="name">借阅</div>
              <div class="code-name">.icon-jieyue</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongxunlu1"></span>
              <div class="name">通讯录</div>
              <div class="code-name">.icon-tongxunlu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiaban"></span>
              <div class="name">加班</div>
              <div class="code-name">.icon-jiaban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliang"></span>
              <div class="name">车辆</div>
              <div class="code-name">.icon-cheliang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-feiyongbaoxiao"></span>
              <div class="name">费用报销</div>
              <div class="code-name">.icon-feiyongbaoxiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao4"></span>
              <div class="name">通知公告4</div>
              <div class="code-name">.icon-tongzhigonggao4</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao3"></span>
              <div class="name">通知公告3</div>
              <div class="code-name">.icon-tongzhigonggao3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao2"></span>
              <div class="name">通知公告2</div>
              <div class="code-name">.icon-tongzhigonggao2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao1"></span>
              <div class="name">通知公告1</div>
              <div class="code-name">.icon-tongzhigonggao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fahuoqianshoudan"></span>
              <div class="name">发货签收单</div>
              <div class="code-name">.icon-fahuoqianshoudan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gongzuoqu"></span>
              <div class="name">工作区</div>
              <div class="code-name">.icon-gongzuoqu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqinmingxi"></span>
              <div class="name">考勤明细</div>
              <div class="code-name">.icon-kaoqinmingxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-huiqiancaigouhetong"></span>
              <div class="name">会签采购合同</div>
              <div class="code-name">.icon-huiqiancaigouhetong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiafanghetongtaizhang"></span>
              <div class="name">甲方合同台账</div>
              <div class="code-name">.icon-jiafanghetongtaizhang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-feirichangfeiyong"></span>
              <div class="name">非日常费用</div>
              <div class="code-name">.icon-feirichangfeiyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-hetongmoban"></span>
              <div class="name">合同模板</div>
              <div class="code-name">.icon-hetongmoban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dailingcaigoudan"></span>
              <div class="name">待领采购单</div>
              <div class="code-name">.icon-dailingcaigoudan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-feiyongbaoxiao1"></span>
              <div class="name">费用报销</div>
              <div class="code-name">.icon-feiyongbaoxiao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuanshidakajilu"></span>
              <div class="name">原始打卡记录</div>
              <div class="code-name">.icon-yuanshidakajilu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-toubiaoxiangmu"></span>
              <div class="name">投标项目</div>
              <div class="code-name">.icon-toubiaoxiangmu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmumingxitaizhang"></span>
              <div class="name">项目明细台账</div>
              <div class="code-name">.icon-xiangmumingxitaizhang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-rukudan"></span>
              <div class="name">入库单</div>
              <div class="code-name">.icon-rukudan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqinzu"></span>
              <div class="name">考勤组</div>
              <div class="code-name">.icon-kaoqinzu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao"></span>
              <div class="name">通知公告</div>
              <div class="code-name">.icon-tongzhigonggao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-liuchengmianban"></span>
              <div class="name">流程面板</div>
              <div class="code-name">.icon-liuchengmianban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongjiaqiyue"></span>
              <div class="name">员工假期余额</div>
              <div class="code-name">.icon-yuangongjiaqiyue</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fukuanliucheng"></span>
              <div class="name">付款流程</div>
              <div class="code-name">.icon-fukuanliucheng</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhongbiaoxiangmu"></span>
              <div class="name">中标项目</div>
              <div class="code-name">.icon-zhongbiaoxiangmu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodedaicaidan"></span>
              <div class="name">我的待采单</div>
              <div class="code-name">.icon-wodedaicaidan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-baoxiaoguanli"></span>
              <div class="name">报销管理</div>
              <div class="code-name">.icon-baoxiaoguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuanjianjieyue"></span>
              <div class="name">原件借阅</div>
              <div class="code-name">.icon-yuanjianjieyue</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yinzhangjieyue"></span>
              <div class="name">印章借阅</div>
              <div class="code-name">.icon-yinzhangjieyue</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dizhiguanli"></span>
              <div class="name">地址管理</div>
              <div class="code-name">.icon-dizhiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-liuchengguanli"></span>
              <div class="name">流程管理</div>
              <div class="code-name">.icon-liuchengguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuhetongtaizhang"></span>
              <div class="name">项目合同台账</div>
              <div class="code-name">.icon-xiangmuhetongtaizhang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gongzuodaiban"></span>
              <div class="name">工作待办</div>
              <div class="code-name">.icon-gongzuodaiban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqintongji"></span>
              <div class="name">考勤统计</div>
              <div class="code-name">.icon-kaoqintongji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-richangfeiyong"></span>
              <div class="name">日常费用</div>
              <div class="code-name">.icon-richangfeiyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhaobiaoguanli"></span>
              <div class="name">招标管理</div>
              <div class="code-name">.icon-zhaobiaoguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhigonggao-copy"></span>
              <div class="name">通知公告-copy</div>
              <div class="code-name">.icon-tongzhigonggao-copy</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chidaodaka"></span>
              <div class="name">迟到打卡</div>
              <div class="code-name">.icon-chidaodaka</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chidaoxiaban"></span>
              <div class="name">早退下班</div>
              <div class="code-name">.icon-chidaoxiaban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caiwuyujing"></span>
              <div class="name">财务预警</div>
              <div class="code-name">.icon-caiwuyujing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renshiyujing"></span>
              <div class="name">人事预警</div>
              <div class="code-name">.icon-renshiyujing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shangban"></span>
              <div class="name">上班</div>
              <div class="code-name">.icon-shangban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-a-xiabanweidaka"></span>
              <div class="name">下班 未打卡</div>
              <div class="code-name">.icon-a-xiabanweidaka</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-a-shangbanweidaka"></span>
              <div class="name">上班，未打卡</div>
              <div class="code-name">.icon-a-shangbanweidaka</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renshiyujing-1"></span>
              <div class="name">人事预警-1</div>
              <div class="code-name">.icon-renshiyujing-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaban"></span>
              <div class="name">下班</div>
              <div class="code-name">.icon-xiaban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuyujing"></span>
              <div class="name">项目预警</div>
              <div class="code-name">.icon-xiangmuyujing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caiwuyujing-1"></span>
              <div class="name">财务预警-1</div>
              <div class="code-name">.icon-caiwuyujing-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-quxiaoquanping"></span>
              <div class="name">取消全屏</div>
              <div class="code-name">.icon-quxiaoquanping</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-quanping1"></span>
              <div class="name">全屏</div>
              <div class="code-name">.icon-quanping1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renshiguanli"></span>
              <div class="name">人事管理</div>
              <div class="code-name">.icon-renshiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gonggao"></span>
              <div class="name">公告</div>
              <div class="code-name">.icon-gonggao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongxunlu"></span>
              <div class="name">通讯录</div>
              <div class="code-name">.icon-tongxunlu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-quanxianguanli2"></span>
              <div class="name">权限管理</div>
              <div class="code-name">.icon-quanxianguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuziyusuan1"></span>
              <div class="name">项目子预算</div>
              <div class="code-name">.icon-xiangmuziyusuan1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodezichanshenqing1"></span>
              <div class="name">我的资产申请</div>
              <div class="code-name">.icon-wodezichanshenqing1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zichanshenheliebiao1"></span>
              <div class="name">资产审核列表</div>
              <div class="code-name">.icon-zichanshenheliebiao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gongyingshangliebiao1"></span>
              <div class="name">供应商列表1</div>
              <div class="code-name">.icon-gongyingshangliebiao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renyuanchengben"></span>
              <div class="name">人员成本</div>
              <div class="code-name">.icon-renyuanchengben</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-baofeiliebiao"></span>
              <div class="name">报废列表</div>
              <div class="code-name">.icon-baofeiliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yonghuguanli"></span>
              <div class="name">用户管理</div>
              <div class="code-name">.icon-yonghuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caidanguanli1"></span>
              <div class="name">菜单管理</div>
              <div class="code-name">.icon-caidanguanli1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renyuanliebiao"></span>
              <div class="name">人员列表</div>
              <div class="code-name">.icon-renyuanliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-hetongguanli"></span>
              <div class="name">合同管理</div>
              <div class="code-name">.icon-hetongguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmukaipiaoshenqing"></span>
              <div class="name">项目开票申请</div>
              <div class="code-name">.icon-xiangmukaipiaoshenqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuguanli"></span>
              <div class="name">项目管理</div>
              <div class="code-name">.icon-xiangmuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmurenyuanyusuan"></span>
              <div class="name">项目人员预算</div>
              <div class="code-name">.icon-xiangmurenyuanyusuan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmumingxi"></span>
              <div class="name">项目明细</div>
              <div class="code-name">.icon-xiangmumingxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuliebiao"></span>
              <div class="name">项目列表</div>
              <div class="code-name">.icon-xiangmuliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmushourushenqing"></span>
              <div class="name">项目收入申请</div>
              <div class="code-name">.icon-xiangmushourushenqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmucaiwushouru"></span>
              <div class="name">项目财务收入</div>
              <div class="code-name">.icon-xiangmucaiwushouru</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuzongyusuan"></span>
              <div class="name">项目总预算</div>
              <div class="code-name">.icon-xiangmuzongyusuan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-qitachengben"></span>
              <div class="name">其他成本</div>
              <div class="code-name">.icon-qitachengben</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiangmuzongchengben"></span>
              <div class="name">项目总成本</div>
              <div class="code-name">.icon-xiangmuzongchengben</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongguanli2"></span>
              <div class="name">员工管理</div>
              <div class="code-name">.icon-yuangongguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zuzhijiegou"></span>
              <div class="name">组织结构</div>
              <div class="code-name">.icon-zuzhijiegou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiaoseguanli1"></span>
              <div class="name">角色管理</div>
              <div class="code-name">.icon-jiaoseguanli1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renwurizhi1"></span>
              <div class="name">任务日志</div>
              <div class="code-name">.icon-renwurizhi1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-APPguanli"></span>
              <div class="name">APP管理</div>
              <div class="code-name">.icon-APPguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dingshirenwu"></span>
              <div class="name">定时任务</div>
              <div class="code-name">.icon-dingshirenwu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-anniuguanli"></span>
              <div class="name">按钮管理</div>
              <div class="code-name">.icon-anniuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bumenguanli"></span>
              <div class="name">部门管理</div>
              <div class="code-name">.icon-bumenguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gangweiguanli"></span>
              <div class="name">岗位管理</div>
              <div class="code-name">.icon-gangweiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-rizhiguanli"></span>
              <div class="name">日志管理</div>
              <div class="code-name">.icon-rizhiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-peizhiguanli"></span>
              <div class="name">配置管理</div>
              <div class="code-name">.icon-peizhiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renwuguanli"></span>
              <div class="name">任务管理</div>
              <div class="code-name">.icon-renwuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caozuorizhi"></span>
              <div class="name">操作日志</div>
              <div class="code-name">.icon-caozuorizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xitongrizhi"></span>
              <div class="name">系统日志</div>
              <div class="code-name">.icon-xitongrizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-quanxianguanli"></span>
              <div class="name">权限管理</div>
              <div class="code-name">.icon-quanxianguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhigongguanli"></span>
              <div class="name">职工管理</div>
              <div class="code-name">.icon-zhigongguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gongyingshangliebiao11"></span>
              <div class="name">供应商列表1</div>
              <div class="code-name">.icon-gongyingshangliebiao11</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodezichanshenqing"></span>
              <div class="name">我的资产申请</div>
              <div class="code-name">.icon-wodezichanshenqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weizhangjilu"></span>
              <div class="name">违章记录</div>
              <div class="code-name">.icon-weizhangjilu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouliebiao"></span>
              <div class="name">采购列表</div>
              <div class="code-name">.icon-caigouliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliangliebiao"></span>
              <div class="name">车辆列表</div>
              <div class="code-name">.icon-cheliangliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangwuliebiao"></span>
              <div class="name">房屋列表</div>
              <div class="code-name">.icon-fangwuliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-qingjiaguanli"></span>
              <div class="name">请假管理</div>
              <div class="code-name">.icon-qingjiaguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zizhitixingshezhi"></span>
              <div class="name">资质提醒设置</div>
              <div class="code-name">.icon-zizhitixingshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiashiyuanguanli"></span>
              <div class="name">驾驶员管理</div>
              <div class="code-name">.icon-jiashiyuanguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangjianguanli"></span>
              <div class="name">房间管理</div>
              <div class="code-name">.icon-fangjianguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-qiyezizhi"></span>
              <div class="name">企业资质</div>
              <div class="code-name">.icon-qiyezizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-liuzhuanjilu"></span>
              <div class="name">流转记录</div>
              <div class="code-name">.icon-liuzhuanjilu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-baoxianjilu"></span>
              <div class="name">保险记录</div>
              <div class="code-name">.icon-baoxianjilu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhixiaoxi"></span>
              <div class="name">通知消息</div>
              <div class="code-name">.icon-tongzhixiaoxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangwuzulintixingshezhi"></span>
              <div class="name">房屋租赁提醒设置</div>
              <div class="code-name">.icon-fangwuzulintixingshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zulinrenguanli"></span>
              <div class="name">租赁人管理</div>
              <div class="code-name">.icon-zulinrenguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wodezichan"></span>
              <div class="name">我的资产</div>
              <div class="code-name">.icon-wodezichan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chuchaguanli"></span>
              <div class="name">出差管理</div>
              <div class="code-name">.icon-chuchaguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zichanliebiao"></span>
              <div class="name">资产列表</div>
              <div class="code-name">.icon-zichanliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gerenzizhi"></span>
              <div class="name">个人资质</div>
              <div class="code-name">.icon-gerenzizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-leibieguanli"></span>
              <div class="name">类别管理</div>
              <div class="code-name">.icon-leibieguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weixiu-baoyangjilu"></span>
              <div class="name">维修-保养记录</div>
              <div class="code-name">.icon-weixiu-baoyangjilu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zulinguanli"></span>
              <div class="name">租赁管理</div>
              <div class="code-name">.icon-zulinguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangonglizhi"></span>
              <div class="name">员工离职</div>
              <div class="code-name">.icon-yuangonglizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongzhuanzheng"></span>
              <div class="name">员工转正</div>
              <div class="code-name">.icon-yuangongzhuanzheng</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongxinxi"></span>
              <div class="name">员工信息</div>
              <div class="code-name">.icon-yuangongxinxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuangongruzhi"></span>
              <div class="name">员工入职</div>
              <div class="code-name">.icon-yuangongruzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-a-ziyuan31"></span>
              <div class="name">资源 31</div>
              <div class="code-name">.icon-a-ziyuan31</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhaopinguanli1"></span>
              <div class="name">招聘管理</div>
              <div class="code-name">.icon-zhaopinguanli1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangwuguanli2"></span>
              <div class="name">房屋管理</div>
              <div class="code-name">.icon-fangwuguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoheguanli2"></span>
              <div class="name">考核管理</div>
              <div class="code-name">.icon-kaoheguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouguanli2"></span>
              <div class="name">采购管理</div>
              <div class="code-name">.icon-caigouguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-huiyiguanli2"></span>
              <div class="name">会议管理</div>
              <div class="code-name">.icon-huiyiguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliangguanli2"></span>
              <div class="name">车辆管理</div>
              <div class="code-name">.icon-cheliangguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-laodonghetong"></span>
              <div class="name">劳动合同</div>
              <div class="code-name">.icon-laodonghetong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqinguanli2"></span>
              <div class="name">考勤管理</div>
              <div class="code-name">.icon-kaoqinguanli2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zizhiguanli1"></span>
              <div class="name">资质管理</div>
              <div class="code-name">.icon-zizhiguanli1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zichanguanli"></span>
              <div class="name">资产管理</div>
              <div class="code-name">.icon-zichanguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zichanguanli2"></span>
              <div class="name">资产管理</div>
              <div class="code-name">.icon-zichanguanli2</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-laodonghetong-yuangongruzhi2"
              ></span>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">.icon-laodonghetong-yuangongruzhi2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-a-ziyuan2"></span>
              <div class="name">资源 2</div>
              <div class="code-name">.icon-a-ziyuan2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-laodonghetongguanli"></span>
              <div class="name">劳动合同管理</div>
              <div class="code-name">.icon-laodonghetongguanli</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-laodonghetong-yuangongruzhi"
              ></span>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">.icon-laodonghetong-yuangongruzhi</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-laodonghetong-yuangongxinxi"
              ></span>
              <div class="name">劳动合同-员工信息</div>
              <div class="code-name">.icon-laodonghetong-yuangongxinxi</div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-laodonghetong-yuangongzhuanzheng"
              ></span>
              <div class="name">劳动合同-员工转正</div>
              <div class="code-name">
                .icon-laodonghetong-yuangongzhuanzheng
              </div>
            </li>

            <li class="dib">
              <span
                class="icon iconfont icon-laodonghetong-yuangonglizhi"
              ></span>
              <div class="name">劳动合同-员工离职</div>
              <div class="code-name">.icon-laodonghetong-yuangonglizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-huiyiguanli"></span>
              <div class="name">会议管理</div>
              <div class="code-name">.icon-huiyiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-caigouguanli"></span>
              <div class="name">采购管理</div>
              <div class="code-name">.icon-caigouguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoheguanli"></span>
              <div class="name">考核管理</div>
              <div class="code-name">.icon-kaoheguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangwuguanli"></span>
              <div class="name">房屋管理</div>
              <div class="code-name">.icon-fangwuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliangguanli"></span>
              <div class="name">车辆管理</div>
              <div class="code-name">.icon-cheliangguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhaopinguanli"></span>
              <div class="name">招聘管理</div>
              <div class="code-name">.icon-zhaopinguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-kaoqinguanli"></span>
              <div class="name">考勤管理</div>
              <div class="code-name">.icon-kaoqinguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zizhiguanli"></span>
              <div class="name">资质管理</div>
              <div class="code-name">.icon-zizhiguanli</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="font-class-">font-class 引用</h2>
            <hr />

            <p>
              font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode
              书写不直观，语意不明确的问题。
            </p>
            <p>与 Unicode 使用方式相比，具有如下特点：</p>
            <ul>
              <li>
                相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon
                是什么。
              </li>
              <li>
                因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class
                里面的 Unicode 引用。
              </li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-fontclass-">
              第一步：引入项目下面生成的 fontclass 代码：
            </h3>
            <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
            <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>
                " iconfont" 是你项目下的
                font-family。可以通过编辑项目查看，默认是 "iconfont"。
              </p>
            </blockquote>
          </div>
        </div>
        <div class="content symbol">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bangongshebeilingyong"></use>
              </svg>
              <div class="name">办公设备领用</div>
              <div class="code-name">#icon-bangongshebeilingyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bangongshebeiliebiao"></use>
              </svg>
              <div class="name">办公设备列表</div>
              <div class="code-name">#icon-bangongshebeiliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jisuanjishebeipeijian"></use>
              </svg>
              <div class="name">计算机设备配件</div>
              <div class="code-name">#icon-jisuanjishebeipeijian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jisuanjishebeiliebiao"></use>
              </svg>
              <div class="name">计算机设备列表</div>
              <div class="code-name">#icon-jisuanjishebeiliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jisuanjishebeilingyong"></use>
              </svg>
              <div class="name">计算机设备领用</div>
              <div class="code-name">#icon-jisuanjishebeilingyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-station"></use>
              </svg>
              <div class="name">火车站2小</div>
              <div class="code-name">#icon-station</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-QRcode"></use>
              </svg>
              <div class="name">二维码</div>
              <div class="code-name">#icon-QRcode</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chrome"></use>
              </svg>
              <div class="name">谷歌</div>
              <div class="code-name">#icon-chrome</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouzhuti"></use>
              </svg>
              <div class="name">采购主体</div>
              <div class="code-name">#icon-caigouzhuti</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqinrili"></use>
              </svg>
              <div class="name">考勤日历</div>
              <div class="code-name">#icon-kaoqinrili</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-guojiaguanli"></use>
              </svg>
              <div class="name">国假管理</div>
              <div class="code-name">#icon-guojiaguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-toubiaodanwei"></use>
              </svg>
              <div class="name">投标单位</div>
              <div class="code-name">#icon-toubiaodanwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaipiaodanwei"></use>
              </svg>
              <div class="name">开票单位</div>
              <div class="code-name">#icon-kaipiaodanwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shiyongqizhuanzhengshenpi"></use>
              </svg>
              <div class="name">试用期转正审批</div>
              <div class="code-name">#icon-shiyongqizhuanzhengshenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-hetongfapiao"></use>
              </svg>
              <div class="name">合同发票</div>
              <div class="code-name">#icon-hetongfapiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiacaidan"></use>
              </svg>
              <div class="name">下采单</div>
              <div class="code-name">#icon-xiacaidan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouguanli-1"></use>
              </svg>
              <div class="name">采购管理-1</div>
              <div class="code-name">#icon-caigouguanli-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-canyuxiangmu"></use>
              </svg>
              <div class="name">参与项目</div>
              <div class="code-name">#icon-canyuxiangmu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodexiacaidan"></use>
              </svg>
              <div class="name">我的下采单</div>
              <div class="code-name">#icon-wodexiacaidan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqintongji1"></use>
              </svg>
              <div class="name">考勤统计</div>
              <div class="code-name">#icon-kaoqintongji1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaoshouhetongmingxi"></use>
              </svg>
              <div class="name">销售合同明细</div>
              <div class="code-name">#icon-xiaoshouhetongmingxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-mianshipingjiayuluyongshenpi"></use>
              </svg>
              <div class="name">面试评价与录用审批</div>
              <div class="code-name">#icon-mianshipingjiayuluyongshenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongcizhishenpi"></use>
              </svg>
              <div class="name">员工辞职审批</div>
              <div class="code-name">#icon-yuangongcizhishenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renyuanxuqiushenpi"></use>
              </svg>
              <div class="name">人员需求审批</div>
              <div class="code-name">#icon-renyuanxuqiushenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiacaidanshenhe"></use>
              </svg>
              <div class="name">下采单审核</div>
              <div class="code-name">#icon-xiacaidanshenhe</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhaobiaogonggao"></use>
              </svg>
              <div class="name">招标公告</div>
              <div class="code-name">#icon-zhaobiaogonggao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaoshouguanli"></use>
              </svg>
              <div class="name">销售管理</div>
              <div class="code-name">#icon-xiaoshouguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiaqiguize"></use>
              </svg>
              <div class="name">假期规则</div>
              <div class="code-name">#icon-jiaqiguize</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wuzihetongqingdan"></use>
              </svg>
              <div class="name">物资合同清单</div>
              <div class="code-name">#icon-wuzihetongqingdan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmushoufukuanyusuanbiao"></use>
              </svg>
              <div class="name">项目收付款预算表</div>
              <div class="code-name">#icon-xiangmushoufukuanyusuanbiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-toubiaoxiangmuxinxibiao"></use>
              </svg>
              <div class="name">投标项目信息表</div>
              <div class="code-name">#icon-toubiaoxiangmuxinxibiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use
                  xlink:href="#icon-a-qiandinglaodonghetongshenpixuqianshenqingdan"
                ></use>
              </svg>
              <div class="name">签订劳动合同审批（续签申请单）</div>
              <div class="code-name">
                #icon-a-qiandinglaodonghetongshenpixuqianshenqingdan
              </div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaoshouliebiao"></use>
              </svg>
              <div class="name">销售列表</div>
              <div class="code-name">#icon-xiaoshouliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhongbiaoxiangmuxinxibiao"></use>
              </svg>
              <div class="name">中标项目信息表</div>
              <div class="code-name">#icon-zhongbiaoxiangmuxinxibiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qiandinglaodonghetongshenpi"></use>
              </svg>
              <div class="name">签订劳动合同审批</div>
              <div class="code-name">#icon-qiandinglaodonghetongshenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-lingyongshenqing"></use>
              </svg>
              <div class="name">领用申请</div>
              <div class="code-name">#icon-lingyongshenqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zixinzhengming"></use>
              </svg>
              <div class="name">资信证明</div>
              <div class="code-name">#icon-zixinzhengming</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bangongshebeilingyongdengji"></use>
              </svg>
              <div class="name">办公设备领用登记</div>
              <div class="code-name">#icon-bangongshebeilingyongdengji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigoushenqing"></use>
              </svg>
              <div class="name">采购申请</div>
              <div class="code-name">#icon-caigoushenqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jisuanjishebeilingyongdengji"></use>
              </svg>
              <div class="name">计算机设备领用登记</div>
              <div class="code-name">#icon-jisuanjishebeilingyongdengji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouguanli1"></use>
              </svg>
              <div class="name">采购管理</div>
              <div class="code-name">#icon-caigouguanli1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-baomingfei-toubiaobaozhengjin"></use>
              </svg>
              <div class="name">报名费-投标保证金</div>
              <div class="code-name">#icon-baomingfei-toubiaobaozhengjin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiabanguanli"></use>
              </svg>
              <div class="name">加班管理</div>
              <div class="code-name">#icon-jiabanguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chukudan"></use>
              </svg>
              <div class="name">出库单</div>
              <div class="code-name">#icon-chukudan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gouxiaocunmingxi"></use>
              </svg>
              <div class="name">购销存明细</div>
              <div class="code-name">#icon-gouxiaocunmingxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-beiyongjin"></use>
              </svg>
              <div class="name">备用金</div>
              <div class="code-name">#icon-beiyongjin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmumingxitaizhang1"></use>
              </svg>
              <div class="name">项目明细台账</div>
              <div class="code-name">#icon-xiangmumingxitaizhang1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-lishijiage"></use>
              </svg>
              <div class="name">历史价格</div>
              <div class="code-name">#icon-lishijiage</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong1"></use>
              </svg>
              <div class="name">劳动合同</div>
              <div class="code-name">#icon-laodonghetong1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodekaoqin"></use>
              </svg>
              <div class="name">我的考勤</div>
              <div class="code-name">#icon-wodekaoqin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigoufujian"></use>
              </svg>
              <div class="name">采购附件</div>
              <div class="code-name">#icon-caigoufujian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wenjianshenpi"></use>
              </svg>
              <div class="name">文件审批</div>
              <div class="code-name">#icon-wenjianshenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmumingxizhang"></use>
              </svg>
              <div class="name">项目明细账</div>
              <div class="code-name">#icon-xiangmumingxizhang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xitongtongzhi"></use>
              </svg>
              <div class="name">系统通知</div>
              <div class="code-name">#icon-xitongtongzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qingjia"></use>
              </svg>
              <div class="name">请假</div>
              <div class="code-name">#icon-qingjia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chucha"></use>
              </svg>
              <div class="name">出差</div>
              <div class="code-name">#icon-chucha</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jieyue"></use>
              </svg>
              <div class="name">借阅</div>
              <div class="code-name">#icon-jieyue</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongxunlu1"></use>
              </svg>
              <div class="name">通讯录</div>
              <div class="code-name">#icon-tongxunlu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiaban"></use>
              </svg>
              <div class="name">加班</div>
              <div class="code-name">#icon-jiaban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliang"></use>
              </svg>
              <div class="name">车辆</div>
              <div class="code-name">#icon-cheliang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-feiyongbaoxiao"></use>
              </svg>
              <div class="name">费用报销</div>
              <div class="code-name">#icon-feiyongbaoxiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao4"></use>
              </svg>
              <div class="name">通知公告4</div>
              <div class="code-name">#icon-tongzhigonggao4</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao3"></use>
              </svg>
              <div class="name">通知公告3</div>
              <div class="code-name">#icon-tongzhigonggao3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao2"></use>
              </svg>
              <div class="name">通知公告2</div>
              <div class="code-name">#icon-tongzhigonggao2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao1"></use>
              </svg>
              <div class="name">通知公告1</div>
              <div class="code-name">#icon-tongzhigonggao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fahuoqianshoudan"></use>
              </svg>
              <div class="name">发货签收单</div>
              <div class="code-name">#icon-fahuoqianshoudan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gongzuoqu"></use>
              </svg>
              <div class="name">工作区</div>
              <div class="code-name">#icon-gongzuoqu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqinmingxi"></use>
              </svg>
              <div class="name">考勤明细</div>
              <div class="code-name">#icon-kaoqinmingxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-huiqiancaigouhetong"></use>
              </svg>
              <div class="name">会签采购合同</div>
              <div class="code-name">#icon-huiqiancaigouhetong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiafanghetongtaizhang"></use>
              </svg>
              <div class="name">甲方合同台账</div>
              <div class="code-name">#icon-jiafanghetongtaizhang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-feirichangfeiyong"></use>
              </svg>
              <div class="name">非日常费用</div>
              <div class="code-name">#icon-feirichangfeiyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-hetongmoban"></use>
              </svg>
              <div class="name">合同模板</div>
              <div class="code-name">#icon-hetongmoban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dailingcaigoudan"></use>
              </svg>
              <div class="name">待领采购单</div>
              <div class="code-name">#icon-dailingcaigoudan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-feiyongbaoxiao1"></use>
              </svg>
              <div class="name">费用报销</div>
              <div class="code-name">#icon-feiyongbaoxiao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuanshidakajilu"></use>
              </svg>
              <div class="name">原始打卡记录</div>
              <div class="code-name">#icon-yuanshidakajilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-toubiaoxiangmu"></use>
              </svg>
              <div class="name">投标项目</div>
              <div class="code-name">#icon-toubiaoxiangmu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmumingxitaizhang"></use>
              </svg>
              <div class="name">项目明细台账</div>
              <div class="code-name">#icon-xiangmumingxitaizhang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-rukudan"></use>
              </svg>
              <div class="name">入库单</div>
              <div class="code-name">#icon-rukudan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqinzu"></use>
              </svg>
              <div class="name">考勤组</div>
              <div class="code-name">#icon-kaoqinzu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao"></use>
              </svg>
              <div class="name">通知公告</div>
              <div class="code-name">#icon-tongzhigonggao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-liuchengmianban"></use>
              </svg>
              <div class="name">流程面板</div>
              <div class="code-name">#icon-liuchengmianban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongjiaqiyue"></use>
              </svg>
              <div class="name">员工假期余额</div>
              <div class="code-name">#icon-yuangongjiaqiyue</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fukuanliucheng"></use>
              </svg>
              <div class="name">付款流程</div>
              <div class="code-name">#icon-fukuanliucheng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhongbiaoxiangmu"></use>
              </svg>
              <div class="name">中标项目</div>
              <div class="code-name">#icon-zhongbiaoxiangmu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodedaicaidan"></use>
              </svg>
              <div class="name">我的待采单</div>
              <div class="code-name">#icon-wodedaicaidan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-baoxiaoguanli"></use>
              </svg>
              <div class="name">报销管理</div>
              <div class="code-name">#icon-baoxiaoguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuanjianjieyue"></use>
              </svg>
              <div class="name">原件借阅</div>
              <div class="code-name">#icon-yuanjianjieyue</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yinzhangjieyue"></use>
              </svg>
              <div class="name">印章借阅</div>
              <div class="code-name">#icon-yinzhangjieyue</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dizhiguanli"></use>
              </svg>
              <div class="name">地址管理</div>
              <div class="code-name">#icon-dizhiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-liuchengguanli"></use>
              </svg>
              <div class="name">流程管理</div>
              <div class="code-name">#icon-liuchengguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuhetongtaizhang"></use>
              </svg>
              <div class="name">项目合同台账</div>
              <div class="code-name">#icon-xiangmuhetongtaizhang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gongzuodaiban"></use>
              </svg>
              <div class="name">工作待办</div>
              <div class="code-name">#icon-gongzuodaiban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqintongji"></use>
              </svg>
              <div class="name">考勤统计</div>
              <div class="code-name">#icon-kaoqintongji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-richangfeiyong"></use>
              </svg>
              <div class="name">日常费用</div>
              <div class="code-name">#icon-richangfeiyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhaobiaoguanli"></use>
              </svg>
              <div class="name">招标管理</div>
              <div class="code-name">#icon-zhaobiaoguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhigonggao-copy"></use>
              </svg>
              <div class="name">通知公告-copy</div>
              <div class="code-name">#icon-tongzhigonggao-copy</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chidaodaka"></use>
              </svg>
              <div class="name">迟到打卡</div>
              <div class="code-name">#icon-chidaodaka</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chidaoxiaban"></use>
              </svg>
              <div class="name">早退下班</div>
              <div class="code-name">#icon-chidaoxiaban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caiwuyujing"></use>
              </svg>
              <div class="name">财务预警</div>
              <div class="code-name">#icon-caiwuyujing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renshiyujing"></use>
              </svg>
              <div class="name">人事预警</div>
              <div class="code-name">#icon-renshiyujing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shangban"></use>
              </svg>
              <div class="name">上班</div>
              <div class="code-name">#icon-shangban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-a-xiabanweidaka"></use>
              </svg>
              <div class="name">下班 未打卡</div>
              <div class="code-name">#icon-a-xiabanweidaka</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-a-shangbanweidaka"></use>
              </svg>
              <div class="name">上班，未打卡</div>
              <div class="code-name">#icon-a-shangbanweidaka</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renshiyujing-1"></use>
              </svg>
              <div class="name">人事预警-1</div>
              <div class="code-name">#icon-renshiyujing-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaban"></use>
              </svg>
              <div class="name">下班</div>
              <div class="code-name">#icon-xiaban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuyujing"></use>
              </svg>
              <div class="name">项目预警</div>
              <div class="code-name">#icon-xiangmuyujing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caiwuyujing-1"></use>
              </svg>
              <div class="name">财务预警-1</div>
              <div class="code-name">#icon-caiwuyujing-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-quxiaoquanping"></use>
              </svg>
              <div class="name">取消全屏</div>
              <div class="code-name">#icon-quxiaoquanping</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-quanping1"></use>
              </svg>
              <div class="name">全屏</div>
              <div class="code-name">#icon-quanping1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renshiguanli"></use>
              </svg>
              <div class="name">人事管理</div>
              <div class="code-name">#icon-renshiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gonggao"></use>
              </svg>
              <div class="name">公告</div>
              <div class="code-name">#icon-gonggao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongxunlu"></use>
              </svg>
              <div class="name">通讯录</div>
              <div class="code-name">#icon-tongxunlu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-quanxianguanli2"></use>
              </svg>
              <div class="name">权限管理</div>
              <div class="code-name">#icon-quanxianguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuziyusuan1"></use>
              </svg>
              <div class="name">项目子预算</div>
              <div class="code-name">#icon-xiangmuziyusuan1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodezichanshenqing1"></use>
              </svg>
              <div class="name">我的资产申请</div>
              <div class="code-name">#icon-wodezichanshenqing1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zichanshenheliebiao1"></use>
              </svg>
              <div class="name">资产审核列表</div>
              <div class="code-name">#icon-zichanshenheliebiao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gongyingshangliebiao1"></use>
              </svg>
              <div class="name">供应商列表1</div>
              <div class="code-name">#icon-gongyingshangliebiao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renyuanchengben"></use>
              </svg>
              <div class="name">人员成本</div>
              <div class="code-name">#icon-renyuanchengben</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-baofeiliebiao"></use>
              </svg>
              <div class="name">报废列表</div>
              <div class="code-name">#icon-baofeiliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yonghuguanli"></use>
              </svg>
              <div class="name">用户管理</div>
              <div class="code-name">#icon-yonghuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caidanguanli1"></use>
              </svg>
              <div class="name">菜单管理</div>
              <div class="code-name">#icon-caidanguanli1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renyuanliebiao"></use>
              </svg>
              <div class="name">人员列表</div>
              <div class="code-name">#icon-renyuanliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-hetongguanli"></use>
              </svg>
              <div class="name">合同管理</div>
              <div class="code-name">#icon-hetongguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmukaipiaoshenqing"></use>
              </svg>
              <div class="name">项目开票申请</div>
              <div class="code-name">#icon-xiangmukaipiaoshenqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuguanli"></use>
              </svg>
              <div class="name">项目管理</div>
              <div class="code-name">#icon-xiangmuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmurenyuanyusuan"></use>
              </svg>
              <div class="name">项目人员预算</div>
              <div class="code-name">#icon-xiangmurenyuanyusuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmumingxi"></use>
              </svg>
              <div class="name">项目明细</div>
              <div class="code-name">#icon-xiangmumingxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuliebiao"></use>
              </svg>
              <div class="name">项目列表</div>
              <div class="code-name">#icon-xiangmuliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmushourushenqing"></use>
              </svg>
              <div class="name">项目收入申请</div>
              <div class="code-name">#icon-xiangmushourushenqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmucaiwushouru"></use>
              </svg>
              <div class="name">项目财务收入</div>
              <div class="code-name">#icon-xiangmucaiwushouru</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuzongyusuan"></use>
              </svg>
              <div class="name">项目总预算</div>
              <div class="code-name">#icon-xiangmuzongyusuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qitachengben"></use>
              </svg>
              <div class="name">其他成本</div>
              <div class="code-name">#icon-qitachengben</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiangmuzongchengben"></use>
              </svg>
              <div class="name">项目总成本</div>
              <div class="code-name">#icon-xiangmuzongchengben</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongguanli2"></use>
              </svg>
              <div class="name">员工管理</div>
              <div class="code-name">#icon-yuangongguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zuzhijiegou"></use>
              </svg>
              <div class="name">组织结构</div>
              <div class="code-name">#icon-zuzhijiegou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiaoseguanli1"></use>
              </svg>
              <div class="name">角色管理</div>
              <div class="code-name">#icon-jiaoseguanli1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renwurizhi1"></use>
              </svg>
              <div class="name">任务日志</div>
              <div class="code-name">#icon-renwurizhi1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-APPguanli"></use>
              </svg>
              <div class="name">APP管理</div>
              <div class="code-name">#icon-APPguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dingshirenwu"></use>
              </svg>
              <div class="name">定时任务</div>
              <div class="code-name">#icon-dingshirenwu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-anniuguanli"></use>
              </svg>
              <div class="name">按钮管理</div>
              <div class="code-name">#icon-anniuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bumenguanli"></use>
              </svg>
              <div class="name">部门管理</div>
              <div class="code-name">#icon-bumenguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gangweiguanli"></use>
              </svg>
              <div class="name">岗位管理</div>
              <div class="code-name">#icon-gangweiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-rizhiguanli"></use>
              </svg>
              <div class="name">日志管理</div>
              <div class="code-name">#icon-rizhiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-peizhiguanli"></use>
              </svg>
              <div class="name">配置管理</div>
              <div class="code-name">#icon-peizhiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renwuguanli"></use>
              </svg>
              <div class="name">任务管理</div>
              <div class="code-name">#icon-renwuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caozuorizhi"></use>
              </svg>
              <div class="name">操作日志</div>
              <div class="code-name">#icon-caozuorizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xitongrizhi"></use>
              </svg>
              <div class="name">系统日志</div>
              <div class="code-name">#icon-xitongrizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-quanxianguanli"></use>
              </svg>
              <div class="name">权限管理</div>
              <div class="code-name">#icon-quanxianguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhigongguanli"></use>
              </svg>
              <div class="name">职工管理</div>
              <div class="code-name">#icon-zhigongguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gongyingshangliebiao11"></use>
              </svg>
              <div class="name">供应商列表1</div>
              <div class="code-name">#icon-gongyingshangliebiao11</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodezichanshenqing"></use>
              </svg>
              <div class="name">我的资产申请</div>
              <div class="code-name">#icon-wodezichanshenqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weizhangjilu"></use>
              </svg>
              <div class="name">违章记录</div>
              <div class="code-name">#icon-weizhangjilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouliebiao"></use>
              </svg>
              <div class="name">采购列表</div>
              <div class="code-name">#icon-caigouliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliangliebiao"></use>
              </svg>
              <div class="name">车辆列表</div>
              <div class="code-name">#icon-cheliangliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangwuliebiao"></use>
              </svg>
              <div class="name">房屋列表</div>
              <div class="code-name">#icon-fangwuliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qingjiaguanli"></use>
              </svg>
              <div class="name">请假管理</div>
              <div class="code-name">#icon-qingjiaguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zizhitixingshezhi"></use>
              </svg>
              <div class="name">资质提醒设置</div>
              <div class="code-name">#icon-zizhitixingshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiashiyuanguanli"></use>
              </svg>
              <div class="name">驾驶员管理</div>
              <div class="code-name">#icon-jiashiyuanguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangjianguanli"></use>
              </svg>
              <div class="name">房间管理</div>
              <div class="code-name">#icon-fangjianguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qiyezizhi"></use>
              </svg>
              <div class="name">企业资质</div>
              <div class="code-name">#icon-qiyezizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-liuzhuanjilu"></use>
              </svg>
              <div class="name">流转记录</div>
              <div class="code-name">#icon-liuzhuanjilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-baoxianjilu"></use>
              </svg>
              <div class="name">保险记录</div>
              <div class="code-name">#icon-baoxianjilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhixiaoxi"></use>
              </svg>
              <div class="name">通知消息</div>
              <div class="code-name">#icon-tongzhixiaoxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangwuzulintixingshezhi"></use>
              </svg>
              <div class="name">房屋租赁提醒设置</div>
              <div class="code-name">#icon-fangwuzulintixingshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zulinrenguanli"></use>
              </svg>
              <div class="name">租赁人管理</div>
              <div class="code-name">#icon-zulinrenguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wodezichan"></use>
              </svg>
              <div class="name">我的资产</div>
              <div class="code-name">#icon-wodezichan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chuchaguanli"></use>
              </svg>
              <div class="name">出差管理</div>
              <div class="code-name">#icon-chuchaguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zichanliebiao"></use>
              </svg>
              <div class="name">资产列表</div>
              <div class="code-name">#icon-zichanliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gerenzizhi"></use>
              </svg>
              <div class="name">个人资质</div>
              <div class="code-name">#icon-gerenzizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-leibieguanli"></use>
              </svg>
              <div class="name">类别管理</div>
              <div class="code-name">#icon-leibieguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weixiu-baoyangjilu"></use>
              </svg>
              <div class="name">维修-保养记录</div>
              <div class="code-name">#icon-weixiu-baoyangjilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zulinguanli"></use>
              </svg>
              <div class="name">租赁管理</div>
              <div class="code-name">#icon-zulinguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangonglizhi"></use>
              </svg>
              <div class="name">员工离职</div>
              <div class="code-name">#icon-yuangonglizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongzhuanzheng"></use>
              </svg>
              <div class="name">员工转正</div>
              <div class="code-name">#icon-yuangongzhuanzheng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongxinxi"></use>
              </svg>
              <div class="name">员工信息</div>
              <div class="code-name">#icon-yuangongxinxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuangongruzhi"></use>
              </svg>
              <div class="name">员工入职</div>
              <div class="code-name">#icon-yuangongruzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-a-ziyuan31"></use>
              </svg>
              <div class="name">资源 31</div>
              <div class="code-name">#icon-a-ziyuan31</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhaopinguanli1"></use>
              </svg>
              <div class="name">招聘管理</div>
              <div class="code-name">#icon-zhaopinguanli1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangwuguanli2"></use>
              </svg>
              <div class="name">房屋管理</div>
              <div class="code-name">#icon-fangwuguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoheguanli2"></use>
              </svg>
              <div class="name">考核管理</div>
              <div class="code-name">#icon-kaoheguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouguanli2"></use>
              </svg>
              <div class="name">采购管理</div>
              <div class="code-name">#icon-caigouguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-huiyiguanli2"></use>
              </svg>
              <div class="name">会议管理</div>
              <div class="code-name">#icon-huiyiguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliangguanli2"></use>
              </svg>
              <div class="name">车辆管理</div>
              <div class="code-name">#icon-cheliangguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong"></use>
              </svg>
              <div class="name">劳动合同</div>
              <div class="code-name">#icon-laodonghetong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqinguanli2"></use>
              </svg>
              <div class="name">考勤管理</div>
              <div class="code-name">#icon-kaoqinguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zizhiguanli1"></use>
              </svg>
              <div class="name">资质管理</div>
              <div class="code-name">#icon-zizhiguanli1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zichanguanli"></use>
              </svg>
              <div class="name">资产管理</div>
              <div class="code-name">#icon-zichanguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zichanguanli2"></use>
              </svg>
              <div class="name">资产管理</div>
              <div class="code-name">#icon-zichanguanli2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong-yuangongruzhi2"></use>
              </svg>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">#icon-laodonghetong-yuangongruzhi2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-a-ziyuan2"></use>
              </svg>
              <div class="name">资源 2</div>
              <div class="code-name">#icon-a-ziyuan2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetongguanli"></use>
              </svg>
              <div class="name">劳动合同管理</div>
              <div class="code-name">#icon-laodonghetongguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong-yuangongruzhi"></use>
              </svg>
              <div class="name">劳动合同-员工入职</div>
              <div class="code-name">#icon-laodonghetong-yuangongruzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong-yuangongxinxi"></use>
              </svg>
              <div class="name">劳动合同-员工信息</div>
              <div class="code-name">#icon-laodonghetong-yuangongxinxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong-yuangongzhuanzheng"></use>
              </svg>
              <div class="name">劳动合同-员工转正</div>
              <div class="code-name">
                #icon-laodonghetong-yuangongzhuanzheng
              </div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-laodonghetong-yuangonglizhi"></use>
              </svg>
              <div class="name">劳动合同-员工离职</div>
              <div class="code-name">#icon-laodonghetong-yuangonglizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-huiyiguanli"></use>
              </svg>
              <div class="name">会议管理</div>
              <div class="code-name">#icon-huiyiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-caigouguanli"></use>
              </svg>
              <div class="name">采购管理</div>
              <div class="code-name">#icon-caigouguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoheguanli"></use>
              </svg>
              <div class="name">考核管理</div>
              <div class="code-name">#icon-kaoheguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangwuguanli"></use>
              </svg>
              <div class="name">房屋管理</div>
              <div class="code-name">#icon-fangwuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliangguanli"></use>
              </svg>
              <div class="name">车辆管理</div>
              <div class="code-name">#icon-cheliangguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhaopinguanli"></use>
              </svg>
              <div class="name">招聘管理</div>
              <div class="code-name">#icon-zhaopinguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-kaoqinguanli"></use>
              </svg>
              <div class="name">考勤管理</div>
              <div class="code-name">#icon-kaoqinguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zizhiguanli"></use>
              </svg>
              <div class="name">资质管理</div>
              <div class="code-name">#icon-zizhiguanli</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="symbol-">Symbol 引用</h2>
            <hr />

            <p>
              这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a
                href=""
                >文章</a
              >
              这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
            </p>
            <ul>
              <li>支持多色图标了，不再受单色限制。</li>
              <li>
                通过一些技巧，支持像字体那样，通过 <code>font-size</code>,
                <code>color</code> 来调整样式。
              </li>
              <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
              <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
            <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
            <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
            <pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function () {
        $(".tab-container .content:first").show();

        $("#tabs li").click(function (e) {
          var tabContent = $(".tab-container .content");
          var index = $(this).index();

          if ($(this).hasClass("active")) {
            return;
          } else {
            $("#tabs li").removeClass("active");
            $(this).addClass("active");

            tabContent.hide().eq(index).fadeIn();
          }
        });
      });
    </script>
  </body>
</html>
